<?php

use backend\assets\AdminAsset;
use yii\helpers\Html;
use common\service\GlobalUrlService;

AdminAsset::register($this);
?>
<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="<?= Yii::$app->language ?>">
<head>
    <meta charset="<?= Yii::$app->charset ?>">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?= Html::csrfMetaTags() ?>
    <title><?= Html::encode($this->title) ?></title>
    <?php $this->head() ?>
</head>
<body class="fixed-top">
<?php $this->beginBody() ?>
<!-- 导航栏开始 -->
<div id="header" class="navbar navbar-inverse navbar-fixed-top">
    <!-- BEGIN TOP NAVIGATION BAR -->
    <div class="navbar-inner">
        <div class="container-fluid">
            <!-- BEGIN LOGO -->
            <a class="brand" href="index.html">
                <img src="<?=GlobalUrlService::buildStaticUrl('/img/logo.png') ?>" alt="Admin Lab">
            </a>
            <!-- END LOGO -->
            <!-- BEGIN RESPONSIVE MENU TOGGLER -->
            <a class="btn btn-navbar collapsed" id="main_menu_trigger" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="arrow"></span>
            </a>
            <!-- END RESPONSIVE MENU TOGGLER -->
            <div id="top_menu" class="nav notify-row">
                <!-- BEGIN NOTIFICATION -->
                <ul class="nav top-menu">
                    <!-- BEGIN SETTINGS -->
                    <li class="dropdown">
                        <a class="dropdown-toggle element" data-placement="bottom" data-toggle="tooltip" href="#" data-original-title="Settings">
                            <i class="icon-cog"></i>
                        </a>
                    </li>
                    <!-- END SETTINGS -->
                    <!-- BEGIN INBOX DROPDOWN -->
                    <li class="dropdown" id="header_inbox_bar">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="icon-envelope-alt"></i>
                            <span class="badge badge-important">5</span>
                        </a>
                        <ul class="dropdown-menu extended inbox">
                            <li>
                                <p>You have 5 new messages</p>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="photo"><img src="<?=GlobalUrlService::buildStaticUrl('/img/avatar-mini.png') ?>" alt="avatar"></span>
                                    <span class="subject">
									<span class="from">Dulal Khan</span>
									<span class="time">Just now</span>
									</span>
                                    <span class="message">
									    Hello, this is an example messages please check
									</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="photo"><img src="<?=GlobalUrlService::buildStaticUrl('/img/avatar-mini.png') ?>" alt="avatar"></span>
                                    <span class="subject">
									<span class="from">Rafiqul Islam</span>
									<span class="time">10 mins</span>
									</span>
                                    <span class="message">
									 Hi, Mosaddek Bhai how are you ?
									</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="photo"><img src="<?=GlobalUrlService::buildStaticUrl('/img/avatar-mini.png') ?>" alt="avatar"></span>
                                    <span class="subject">
									<span class="from">Sumon Ahmed</span>
									<span class="time">3 hrs</span>
									</span>
                                    <span class="message">
									    This is awesome dashboard templates
									</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="photo"><img src="<?=GlobalUrlService::buildStaticUrl('/img/avatar-mini.png') ?>" alt="avatar"></span>
                                    <span class="subject">
									<span class="from">Dulal Khan</span>
									<span class="time">Just now</span>
									</span>
                                    <span class="message">
									    Hello, this is an example messages please check
									</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">See all messages</a>
                            </li>
                        </ul>
                    </li>
                    <!-- END INBOX DROPDOWN -->
                    <!-- BEGIN NOTIFICATION DROPDOWN -->
                    <li class="dropdown" id="header_notification_bar">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                            <i class="icon-bell-alt"></i>
                            <span class="badge badge-warning">7</span>
                        </a>
                        <ul class="dropdown-menu extended notification">
                            <li>
                                <p>You have 7 new notifications</p>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-important"><i class="icon-bolt"></i></span>
                                    Server #3 overloaded.
                                    <span class="small italic">34 mins</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-warning"><i class="icon-bell"></i></span>
                                    Server #10 not respoding.
                                    <span class="small italic">1 Hours</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-important"><i class="icon-bolt"></i></span>
                                    Database overloaded 24%.
                                    <span class="small italic">4 hrs</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-success"><i class="icon-plus"></i></span>
                                    New user registered.
                                    <span class="small italic">Just now</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-info"><i class="icon-bullhorn"></i></span>
                                    Application error.
                                    <span class="small italic">10 mins</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">See all notifications</a>
                            </li>
                        </ul>
                    </li>
                    <!-- END NOTIFICATION DROPDOWN -->

                </ul>
            </div>
            <!-- END  NOTIFICATION -->
            <div class="top-nav ">
                <ul class="nav pull-right top-menu">
                    <!-- BEGIN SUPPORT -->
                    <li class="dropdown mtop5">

                        <a class="dropdown-toggle element" data-placement="bottom" data-toggle="tooltip" href="#" data-original-title="Chat">
                            <i class="icon-comments-alt"></i>
                        </a>
                    </li>
                    <li class="dropdown mtop5">
                        <a class="dropdown-toggle element" data-placement="bottom" data-toggle="tooltip" href="#" data-original-title="Help">
                            <i class="icon-headphones"></i>
                        </a>
                    </li>
                    <!-- END SUPPORT -->
                    <!-- BEGIN USER LOGIN DROPDOWN -->
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="<?=GlobalUrlService::buildStaticUrl('/img/avatar1_small.jpg') ?>" alt="">
                            <span class="username">Mosaddek Hossain</span>
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#"><i class="icon-user"></i> My Profile</a></li>
                            <li><a href="#"><i class="icon-tasks"></i> My Tasks</a></li>
                            <li><a href="#"><i class="icon-calendar"></i> Calendar</a></li>
                            <li class="divider"></li>
                            <li><a href="login.html"><i class="icon-key"></i> Log Out</a></li>
                        </ul>
                    </li>
                    <!-- END USER LOGIN DROPDOWN -->
                </ul>
                <!-- END TOP NAVIGATION MENU -->
            </div>
        </div>
    </div>
    <!-- END TOP NAVIGATION BAR -->
</div>
<!-- 导航栏结束 -->
<!-- 菜单栏开始 -->
<div id="container" class="row-fluid">
    <div id="sidebar" class="nav-collapse collapse">
    <div class="sidebar-toggler hidden-phone"></div>

    <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
    <div class="navbar-inverse">
        <form class="navbar-search visible-phone">
            <input type="text" class="search-query" placeholder="Search">
        </form>
    </div>
    <!-- END RESPONSIVE QUICK SEARCH FORM -->
    <ul class="sidebar-menu">
        <li class="has-sub">
            <a href="javascript:;" class="">
                <span class="icon-box"> <i class="icon-dashboard"></i></span> Dashboard
                <span class="arrow"></span>
            </a>
            <ul class="sub">
                <li><a class="" href="index.html">Dashboard 1</a></li>
                <li><a class="" href="index_2.html">Dashboard 2</a></li>

            </ul>
        </li>
        <li class="has-sub">
            <a href="javascript:;" class="">
                <span class="icon-box"> <i class="icon-book"></i></span> UI Elements
                <span class="arrow"></span>
            </a>
            <ul class="sub">
                <li><a class="" href="ui_elements_general.html">General</a></li>
                <li><a class="" href="ui_elements_buttons.html">Buttons</a></li>

                <li><a class="" href="ui_elements_tabs_accordions.html">Tabs &amp; Accordions</a></li>
                <li><a class="" href="ui_elements_typography.html">Typography</a></li>
                <li><a class="" href="tree_view.html">Tree View</a></li>
                <li><a class="" href="nestable.html">Nestable List</a></li>
            </ul>
        </li>
        <li class="has-sub">
            <a href="javascript:;" class="">
                <span class="icon-box"><i class="icon-cogs"></i></span> Components
                <span class="arrow"></span>
            </a>
            <ul class="sub">
                <li><a class="" href="calendar.html">Calendar</a></li>
                <li><a class="" href="data_table.html">Data Table</a></li>
                <li><a class="" href="grids.html">Grids</a></li>
                <li><a class="" href="charts.html">Visual Charts</a></li>
                <li><a class="" href="messengers.html">Conversations</a></li>
                <li><a class="" href="gallery.html"> Gallery</a></li>
            </ul>
        </li>
        <li class="has-sub active">
            <a href="javascript:;" class="">
                <span class="icon-box"><i class="icon-tasks"></i></span> Form Stuff
                <span class="arrow"></span>
            </a>
            <ul class="sub">
                <li><a class="" href="form_layout.html">Form Layouts</a></li>
                <li class="active"><a class="" href="form_component.html">Form Components</a></li>
                <li><a class="" href="form_wizard.html">Form Wizard</a></li>
                <li><a class="" href="form_validation.html">Form Validation</a></li>
                <li><a class="" href="dropzone.html">Dropzone File Upload </a></li>
            </ul>
        </li>
        <li class="has-sub">
            <a href="javascript:;" class="">
                <span class="icon-box"><i class="icon-fire"></i></span> Icons
                <span class="arrow"></span>
            </a>
            <ul class="sub">
                <li><a class="" href="font_awesome.html">Font Awesome</a></li>
                <li><a class="" href="glyphicons.html">Glyphicons</a></li>
            </ul>
        </li>
        <li class="has-sub">
            <a href="javascript:;" class="">
                <span class="icon-box"><i class="icon-map-marker"></i></span> Maps
                <span class="arrow"></span>
            </a>
            <ul class="sub">
                <li><a class="" href="maps_google.html"> Google Maps</a></li>
                <li><a class="" href="maps_vector.html"> Vector Maps</a></li>
            </ul>
        </li>
        <li class="has-sub">
            <a href="javascript:;" class="">
                <span class="icon-box"><i class="icon-file-alt"></i></span> Sample Pages
                <span class="arrow"></span>
            </a>
            <ul class="sub">
                <li><a class="" href="blank.html">Blank Page</a></li>
                <li><a class="" href="sidebar_closed.html">Sidebar Closed Page</a></li>
                <li><a class="" href="coming_soon.html">Coming Soon</a></li>
                <li><a class="" href="blog.html">Blog</a></li>
                <li><a class="" href="about_us.html">About Us</a></li>
                <li><a class="" href="contact_us.html">Contact Us</a></li>
            </ul>
        </li>
        <li class="has-sub">
            <a href="javascript:;" class="">
                <span class="icon-box"><i class="icon-glass"></i></span> Extra
                <span class="arrow"></span>
            </a>
            <ul class="sub">
                <li><a class="" href="lock.html">Lock Screen</a></li>
                <li><a class="" href="profile.html">Profile</a></li>
                <li><a class="" href="invoice.html">Invoice</a></li>
                <li><a class="" href="pricing_tables.html">Pricing Tables</a></li>
                <li><a class="" href="faq.html">FAQ</a></li>
                <li><a class="" href="404.html">404 Error</a></li>
                <li><a class="" href="500.html">500 Error</a></li>
            </ul>
        </li>
        <li><a class="" href="login.html"><span class="icon-box"><i class="icon-user"></i></span> Login Page</a></li>
    </ul>
    </div>
    <!-- 菜单栏结束 -->
    <!-- 内容主体开始 -->
    <div id="main-content">
        <?=$content ?>
    </div>
</div>


<div id="footer">
    2018 ©
    <div class="span pull-right">
        <span class="go-top"><i class="icon-arrow-up"></i></span>
    </div>
</div>

<?php $this->endBody() ?>
</body>
</html>
<?php $this->endPage() ?>
